
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>${webConfig.name}</title>
<meta name="keywords" content="${webConfig.seoKeyword}">
<meta name="description" content="${webConfig.description}"/>
<link rel="stylesheet" type="text/css" href="${s.base}/pc/css/base.css" />
<link rel="stylesheet" type="text/css" href="${s.base}/pc/css/index.css" />
<link rel="stylesheet" type="text/css" href="${s.base}/pc/css/swiper.min.css" />
<link rel="stylesheet" type="text/css" href="${s.base}/pc/css/animate.min.css" />
</head>
<body>
<!--导航开始-->
<div class="xyg-menu">
	<div id="menu_hover_bg" style="height: 0px; overflow: hidden;"></div>
	<div class="w1200">
		<div class="logo">
			<a href="${s.base}/web/pc/index"><img src="${webConfig.coverImage}" /></a>
		</div>
		<div class="menu">
			<ul>
				<#list webNavigationList as webNavigation>
					<li>
						<#if webNavigation.navIconType == "2">
							<#if webNavigation.url?index_of("?")!=-1>
								<h2 class="mr40"><a href="${webNavigation.url}&navId=${webNavigation.id}">${webNavigation.name}</a><img src="${s.base}/pc/images/icon/hot.gif" class="pa"/></h2>
								<#else>
									<h2 class="mr40"><a href="${webNavigation.url}?navId=${webNavigation.id}">${webNavigation.name}</a><img src="${s.base}/pc/images/icon/hot.gif" class="pa"/></h2>
							</#if>

							<#else>
								<#if webNavigation.url?index_of("?")!=-1>
									<h2><a href="${webNavigation.url}&navId=${webNavigation.id}">${webNavigation.name}</a></h2>
									<#else>
										<h2><a href="${webNavigation.url}?navId=${webNavigation.id}">${webNavigation.name}</a></h2>
								</#if>
						</#if>
					</li>
				</#list>
			</ul>
		</div>
		<div class="login">
			<a href="${s.base}/web/pc/login">登陆</a>
			<a href="javascript:alert('暂不提供对外注册！')">免费注册</a>
		</div>
	</div>
</div>
<!--导航结束-->
<!--轮播开始-->
<div class="xyg-banner swiper-banner swiper-container">
    <div class="swiper-wrapper">
        <#list webBannerList as webBanner >
        <a href="${webBanner.description!'javascript:void(0)'}" class="swiper-slide">
            <img src="${webBanner.image}" style="width: 100%; height: auto;">
        </a>
        </#list>
    </div>
    <div class="swiper-pagination swiper-pagination-white"></div>
</div>
<!--轮播结束-->
<!--行业模板开始-->
<div class="xyg-template">
	<div class="title">1000+全行业模板  易操作的设计器</div>
	<div class="subtitle">省时省力，同时满足商家个性化搭建诉求</div>
	<div class="category">
		<ul>
			<#list webColumnTypeList as webColumnType>
				<#if productColFlag == webColumnType.colFlag>
					<li data-id="${webColumnType.colFlag}" class="active">${webColumnType.name}</li>
					<#else>
						<li data-id="${webColumnType.colFlag}">${webColumnType.name}</li>
				</#if>
			</#list>
		</ul>
	</div>
	<!--内容-->
	<div  class="content active">
		<ul>
		</ul>
		<div class="more">
			<a href="${s.base}/web/pc/product">查看更多</a>
		</div>
	</div>

</div>
<!--行业模板结束-->
<!--客户案例开始-->
<div class="xyg-example">
    <div class="case-content-bg case-content-info">
      <div class="case-box">
        <h3 class="case-box-title">
          <em>
            客户案例
          </em>
          <span>
            各行各业的合作伙伴使用大数据分析产品
          </span>
        </h3>
        <div class="case-wrapper clearfix" id="xygKHAL">

        </div>
      </div>
    </div>
</div>
<!--客户案例结束-->
<!--动态数据开始-->
<div class="xyg-number">
    <div class="xyg-number-box">
      <div class="xyg-number-content">
        <div class="xyg-number-title">
          全线产品免费开放，等你加入
        </div>
        <div class="xyg-number-text">
          我们致力于构建最全面、最开放、最前沿的AI开放平台
        </div>
        <div class="xyg-number-text">
          提供最易用的API、SDK等开发组件，助力您快速高效地实现产品升级
        </div>
        <div class="xyg-number-head">
          <div class="xyg-number-item">
            <span class="timer xyg-number-nub count-title" id="count-number" data-to="102"
            data-speed="102">
              0
            </span>
            <span class="xyg-number-add">
              项
            </span>
            <span class="xyg-number-inf">
              技术能力
            </span>
          </div>
          <div class="xyg-number-item">
            <span class="timer xyg-number-nub count-title" id="count-number" data-to="24"
            data-speed="24">
              0
            </span>
            <span class="xyg-number-add">
              小时
            </span>
            <span class="xyg-number-inf">
              快速集成
            </span>
          </div>
          <div class="xyg-number-item">
            <span class="timer xyg-number-nub count-title" id="count-number" data-to="54"
            data-speed="54">
              0
            </span>
            <span class="xyg-number-wan">
              w
            </span>
            <span class="xyg-number-add" style="font-size:32px; right:35px;">
              +
            </span>
            <span class="xyg-number-inf">
              开发者正在使用
            </span>
          </div>
        </div>
        <a href="${s.base}/pc/#" class="xyg-number-jus">
          立即体验
        </a>
      </div>
    </div>
</div>
<!--动态数据结束-->
<!--增值服务开始-->
<div class="xyg-service">
  <div class="case-container">
    <div class="case-index-title">
      <h2>
        增值服务
      </h2>
      <p>
        多年的经验，为客户解决多种增值服务，全方位提供360°解决方案
      </p>
    </div>
    <div class="case-index-content">
      <ul class="service-list">
        <li class="service-list-item service-bj1">
          <div class="service-title">
            <h3>
              视觉营销服务
            </h3>
          </div>
          <div class="service-content">
            <ul class="service-content-list">
              <li>
                <h4>
                  网站广告图
                </h4>
                <p>
                  提供宣传广告图专业设计
                </p>
              </li>
              <li>
                <h4>
                  LOGO设计
                </h4>
                <p>
                  为企业定制专属标志形象
                </p>
              </li>
              <li>
                <h4>
                  企业宣传册
                </h4>
                <p>
                  手册、三折页、统一风格设计
                </p>
              </li>
              <li>
                <h4>
                  营销PPT
                </h4>
                <p>
                  招商、路演、品牌宣传PPT
                </p>
              </li>
            </ul>
            <a href="${s.base}/pc/javascript:;" target="_blank" class="service-list-more">
              了解更多
            </a>
          </div>
        </li>
        <li class="service-list-item service-bj2">
          <div class="service-title">
            <h3>
              HTTPS安全服务
            </h3>
          </div>
          <div class="service-content">
            <ul class="service-content-list">
              <li>
                <h4>
                  SSL证书加密
                </h4>
                <p>
                  建立访客于浏览器的加密连接
                </p>
              </li>
              <li>
                <h4>
                  绿色挂锁表示
                </h4>
                <p>
                  网站域名显示绿色挂锁
                </p>
              </li>
              <li>
                <h4>
                  安全访问
                </h4>
                <p>
                  网站信息数据深度加密
                </p>
              </li>
              <li>
                <h4>
                  账户安全
                </h4>
                <p>
                  账户不怕盗、防木马中毒
                </p>
              </li>
            </ul>
            <a href="${s.base}/pc/javascript:;" target="_blank" class="service-list-more">
              了解更多
            </a>
          </div>
        </li>
        <li class="service-list-item service-bj3">
          <div class="service-title">
            <h3>
              定制开发服务
            </h3>
          </div>
          <div class="service-content">
            <ul class="service-content-list">
              <li>
                <h4>
                  ECSHOP二次开发
                </h4>
                <p>
                  资深技术开发ECSHOP程序
                </p>
              </li>
              <li>
                <h4>
                  微商城开发 / 定制
                </h4>
                <p>
                  打造微商城、公众号等服务
                </p>
              </li>
              <li>
                <h4>
                  APP开发 / 定制
                </h4>
                <p>
                  打造属于自己的APP商城应用
                </p>
              </li>
              <li>
                <h4>
                  小程序开发 / 定制
                </h4>
                <p>
                  即用即走的小程序、抢占先机
                </p>
              </li>
            </ul>
            <a href="${s.base}/pc/javascript:;" target="_blank" class="service-list-more">
              了解更多
            </a>
          </div>
        </li>
        <li class="service-list-item service-bj4">
          <div class="service-title">
            <h3>
              运维服务
            </h3>
          </div>
          <div class="service-content">
            <ul class="service-content-list">
              <li>
                <h4>
                  SEO关键字
                </h4>
                <p>
                  优化名词、提升搜索率
                </p>
              </li>
              <li>
                <h4>
                  图片内存
                </h4>
                <p>
                  保品质压缩图片，加载更快
                </p>
              </li>
              <li>
                <h4>
                  代码压缩
                </h4>
                <p>
                  代码精简，提高访问时间
                </p>
              </li>
              <li>
                <h4>
                  服务器代维
                </h4>
                <p>
                  阿里云、京东云等服务器代维
                </p>
              </li>
            </ul>
            <a href="${s.base}/pc/javascript:;" target="_blank" class="service-list-more">
              了解更多
            </a>
          </div>
        </li>
      </ul>
    </div>
  </div>
</div>
<!--增值服务结束-->
<!--新闻资讯开始-->
<div class="xyg-new-box">
  <div class="title-cn">
    <img src="${s.base}/pc/images/news/tle_bt5.png" width="166" height="41">
  </div>
  <div class="new-con">
    <div class="newtel">
      <ul class="new-telst">
          <#list newsList as newsColumnType>
              <#if newsColFlag == newsColumnType.colFlag>
                  <li data-id="${newsColumnType.colFlag}" class="newon">${newsColumnType.name}</li>
                  <#else>
                      <li data-id="${newsColumnType.colFlag}">${newsColumnType.name}</li>
              </#if>
          </#list>
        <p style="left: 0px;">
          <b>
          </b>
        </p>
      </ul>
      <div class="clear">
      </div>
    </div>
    <div class="new-wrap">
      <div class="new-lst show" id="newsShow">
      </div>
    </div>
  </div>
</div>
<!--新闻资讯结束-->
<!--底部开始-->
<div class="xyg-bottom">
  <div class="register">
    <h2 class="title">
      现在注册，立享价值上万元的新人专属礼包
    </h2>
    <p class="desc">
      运营交流大会门票&运营宝典
    </p>
    <a href="${s.base}/pc/#" class="btn">
      注册有礼
    </a>
  </div>
  <!--尾部-->
  <div class="site-footer">
    <div class="footer-related">
      <div class="footer-article w1210">
          <#list webLinkerList as webCol>
            <#if webCol.colExtendType=="1">
                <dl class="col-article">
                    <dt>
                       ${ webCol.name}
                    </dt>
                    <dd>
                        <#list webCol.webLinkerList as webLinker>
                            <a href="${ webLinker.url}">
                                ${ webLinker.name}
                            </a>
                        </#list>
                    </dd>
                </dl>
            </#if>
          </#list>


        <dl class="col-article col-article-spe">
          <dt>
            联系我们
          </dt>
          <dd>
            <p>
               邮箱: ${webConfig.email}
            </p>
            <p>
               QQ: ${webConfig.qq}
            </p>
              <p>
                  电话: ${webConfig.telephone}
              </p>
          </dd>
        </dl>
        <div class="col-code fl">
          <div class="code">
            <img src="${webConfig.wechat}" alt="微信公众号">
          </div>
          <p>
            官方微信公众号
          </p>
        </div>
      </div>
      <div class="footer-links">
        <span>
          友情链接：
        </span>
        <!-- 友情链接循环开始 -->
          <#list webLinkerList as webCol>
              <#if webCol.colExtendType=="3">
                <#list webCol.webLinkerList as webLinker>
                    <a href="${ webLinker.url}">
                        ${ webLinker.name}
                    </a>
                </#list>
              </#if>
          </#list>
        <!-- 友情链接循环结束 -->
      </div>
      <div class="footer-info w1210">
        <div class="info-text">
          <!-- 底部导航 -->
          <p class="nav-bottom">
              <#list webLinkerList as webCol>
                  <#if webCol.colExtendType=="4">
                      <#list webCol.webLinkerList as webLinker>
                          <#if webLinker_index != 0>
                              <em>
                                  |
                              </em>
                          </#if>
                          <a href="${ webLinker.url}">
                              ${ webLinker.name}
                          </a>

                      </#list>
                  </#if>
              </#list>
          </p>
          <p class="copyright">
              ${webConfig.copyright}
            <em>
            </em>
            <a href="javascript:void(0)" rel="nofollow">
                ${webConfig.siteNumber}
            </a>
          </p>
          <p class="company-info">
              ${webConfig.address}
          </p>
          <p class="qualified">
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
<!--底部结束-->

<script src="${s.base}/pc/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/pc/js/jquery.num.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/pc/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/pc/js/swiper.animate.min.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/pc/js/index.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="${s.base}/js/webApi.js"></script>
<script type="text/javascript">
    var navId='${navId}';
    var productColFlag='${productColFlag}';
    var newsColFlag='${newsColFlag}';
    $(document).ready(function(e) {
        //行业模板初始化
		if(productColFlag!=null&&productColFlag!=""){
            setTemplate(productColFlag);
		}
		//客户案例
        acceptXygArticleListByColFlagTagFlag(1,"wz_khal","wz_frist_show",-1,function(data){
            $("#xygKHAL").html("");
            if (data != null && data.length > 0) {
                data.forEach(function (item,key,mapObj) {
                    var str='<div class="case-item">'+
                        '<div class="case-item-bg" ><img src="'+item.thumImage+'"/> </div>' +
                        '<div class="case-item-title">'+item.title+'</div>'+
                        '<div class="case-item-text">'+item.description+'</div>'+
                    '<div class="case-item-doc"><p></p><p><a href="${s.base}/web/pc/descTitle?articleId='+item.id+'&navId='+navId+'">'+item.title+'</a><a href="/web/pc/product">产品查看</a></p></div></div>'
                    $("#xygKHAL").append(str);
                });
            }
        });
        //新闻模板初始化
        if(newsColFlag!=null&&newsColFlag!=""){
            setNews(newsColFlag);
        }
    });
</script>
</body>

</html>